Adding Item Icons

To add icons for either skill or inventory slots in UI, a PNG image is required. The image should be square-shaped and with an invisible background, with the size being no more than 150px for skills, and no more than 200px for inventory. Keep in mind that the image will be scaled up for larger Console displays, but as they only make up a small portion of the player base, it is recommended to keep the image size small.

Resizing the Image

To check the resolution of the image and resize as necessary, you can use https://ezgif.com/resize to resize the image. The image should be resized to the maximum size allowed, and then saved as a PNG file.

Adding the Image

Once uploaded to Roblox and the asset id is obtained, the image can be added to the game. Open the src\ReplicatedStorage\Modules\Data\ItemIconData.lua file, and add the icon to the appropriate table. Icons for skills go in SkillIcons, and icons for inventory slots go in ItemIcons.

Table of Max Icon Sizes

Icon Type	Max Size
Skill	150px
Inventory	200px